<template>
  <div>
    <h2>getters</h2>
    root/g1:{{ g1 }}
    <!-- root/g1:{{ $store.getters.g1 }} -->
    <hr>
    root/a/ga1:{{ ga1 }}
    <!-- root/a/ga1:{{ $store.getters['a/ga1'] }} -->
    <hr>
    root/a/a1/ga3:{{ ga3 }}
    <!-- root/a/a1/ga3:{{ $store.getters['a/a1/ga3'] }} -->
    <hr>
  </div>
</template>
<script>
import { mapGetters } from 'vuex'

export default {
  computed: {
    ...mapGetters(['g1', 'g2']),
    // ...mapGetters({ g1: 'g1', g2: 'g2' })
    ...mapGetters('a', ['ga1', 'ga2']),
    // ...mapGetters('a', { ga1: 'ga1', ga2: 'ga2' })
    ...mapGetters('a/a1', ['ga3', 'ga4']),
  },
  methods: {

  },



}
</script>

<style>
div {
  padding: 10px;
  margin: 10px;
  border: solid;
}
</style>